@function rem($s){
    @return ($s/64)*1rem
}
body{
    // background: red;
}

$testbord:1px solid #e3e3e3;
$sub-color:#727272;
.anthor-info{
    padding:0 3.3%;
    margin-top:3%;
}
.info-photo{
    float: left;
    width:rem(90);
    height: rem(90);
    border-radius: 50%;
    // border:$testbord;
    img{
        width: 100%;
    }
}
.info-details{
    float: left;
    width: 66%;
    // border:$testbord;
    height: rem(120);
    margin-left:4.2%;
}
.info-details{
    .anthor-name{
        font-size: rem(28);
    }
    .time{
        font-size: rem(20);
        color:#727272;
    }
}
.ico-box{
    color:#727272;
    margin-top:4px;
}
.ico-box .imgbox{
    width:15px;
    height: 15px;
    display: inline-block;
    img{
        width: 100%;
    }
}

.article-text{
    padding:0 3.3%;
    margin-top:6.2%;
    text-align: justify;
    h1{
        font-size:rem(30);
    }
    img{
        width: 100%;
    }
    .descript{
        margin-bottom: 2%;
        margin-top:1.2%;
        font-size: rem(28);
    }
}
